<!DOCTYPE html>
<html>

<head>
    <!-- 页面元信息 -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Qin Home</title>

    <!-- 引入外部样式表 -->
    <link rel="stylesheet" type="text/css"
        href="https://unpkg.com/dmego-home-page@latest/assets/css/onlinewebfonts.css" />
    <link rel="stylesheet" type="text/css" href="https://unpkg.com/dmego-home-page@latest/assets/css/vno.css">
    <link rel="stylesheet" type="text/css" href="https://unpkg.com/dmego-home-page@latest/assets/css/iconfont.css">

    <!-- 网站图标 -->
    <link rel="apple-touch-icon" href="https://unpkg.com/dmego-home-page@latest/apple-touch-icon.png">
    <link rel="icon" href="https://unpkg.com/dmego-home-page@latest/favicon.ico">
</head>

<body>
    <!-- 移动端菜单按钮 -->
    <span class="mobile btn-mobile-menu">
        <i class="social iconfont icon-list btn-mobile-menu__icon"></i>
        <i class="social iconfont icon-angleup btn-mobile-close__icon hidden"></i>
    </span>

    <!-- 页面头部 -->
    <header id="panel" class="panel-cover">
        <div class="panel-main">
            <div class="panel-main__inner panel-inverted">
                <div class="panel-main__content">
                    <!-- 圆形头像及信息 -->
                    <div class="ih-item circle effect right_to_left">
                        <a href="#" title="" class="blog-button">
                            <div class="img">
                                <!-- 头像图片 -->
                                <img src="imag/header.png" alt="img" class="js-avatar iUp profilepic">
                            </div>
                            <div class="info iUp">
                                <div class="info-back">
                                    <h2>
                                        Be Brave
                                    </h2>
                                    <p>
                                        2025 · 勇敢
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- 网站标题 -->
                    <h1 class="panel-cover__title panel-title iUp">
                        <a href="#" title="Qin Home">Wang Qin</a>
                    </h1>

                    <!-- 网站副标题 -->
                    <p class="panel-cover__subtitle panel-subtitle iUp">Code Create Life</p>

                    <!-- 分隔线 -->
                    <hr class="panel-cover__divider iUp" />

                    <!-- 描述文字 -->
                    <p id="description" class="panel-cover__description iUp">
                        如何得与凉风约, 不共尘沙一并来!
                        <br />
                        <strong>-「中牟道中」</strong>
                    </p>

                    <!-- 导航菜单 -->
                    <div class="navigation-wrapper iUp">
                        <div>
                            <nav class="cover-navigation cover-navigation--primary">
                                <ul class="navigation">
                                    <li class="navigation__item">
                                        <a href="/" class="blog-button">首页</a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="https://qinmou000.github.io/index.html"
                                            class="blog-button" target="_blank">博客</a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="album.html" class="blog-button" target="_blank">相册</a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="profile.html" class="blog-button" target="_blank">关于</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>

                        <!-- 社交链接 -->
                        <div class="iUp">
                            <nav class="cover-navigation navigation--social">
                                <ul class="navigation">
                                    <li class="navigation__item">
                                        <a href="https://github.com/QinMou000" title="github"
                                            target="_blank">
                                            <i class='social iconfont icon-github'></i>
                                            <span class="label">github</span>
                                        </a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="https://www.cnblogs.com/QinMou/my-articles" title="cnblogs"
                                            target="_blank">
                                            <i class='social iconfont icon-cnblogs'></i>
                                            <span class="label">cnblogs</span>
                                        </a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="https://www.zhihu.com/people/44-7-49-28-73" title="zhihu"
                                            target="_blank">
                                            <i class='social iconfont icon-zhihu'></i>
                                            <span class="label">zhihu</span>
                                        </a>
                                    </li>
                                    <li class="navigation__item">
                                        <!-- 加密的邮箱地址 -->
                                        <a href="mailto:wqin12356@gmail.com" title="email">
                                            <i class='social iconfont icon-email'></i>
                                            <span class="label">email</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 背景覆盖层 -->
            <div class="panel-cover--overlay cover-slate"></div>
        </div>

        <!-- 页脚备注 -->
        <div class="remark iUp">
            <p class="power">Powered By
                <a href="https://github.com/features/actions" target="_blank"> GitHub Actions </a> And
                <a href="https://hitokoto.cn/" target="_blank"> Hitokoto </a>
            </p>
        </div>
    </header>

    <!-- 引入外部脚本 -->
    <script type="text/javascript" src="https://unpkg.com/dmego-home-page@latest/assets/js/main.js"></script>
</body>

</html>